<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
    .bgrren{
        background:#00ff00;
    }
  </style>
  <script>
  window.onload=function(){
    mytable = document.getElementById('mytable');	//找到页面上的table节点
    flag=true;              							//开关变量
    for(i=0;i<3;i++){
        tr = document.createElement("tr");
        for(j=0;j<3;j++){
            td = document.createElement("td");
            text = document.createTextNode("文本"+j);	//创建一个文本节点
            if(flag){
                class1 = document.createAttribute("class");//创建一个属性节点
                class1.value='bgrren';                 	//为属性设置值
                td.setAttributeNode(class1);        	//将属性节点设置给td
                flag=false;
            }else{
                flag=true;
            }
            td.appendChild(text);       				//将文本节点添加给td
            tr.appendChild(td);         				//将td添加给tr
        }
        mytable.appendChild(tr);        				//将tr添加给table
    }
  }
  </script>
 </head>
 <body>
  <!-- 页面上添加一个空节点 -->
  <table id='mytable' align='center' width="80%" border='1'>
  </table>
 </body>
</html>
